<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
	<head>	
		<meta charset="UTF-8">
		<meta name="keywords" content="">
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<meta name="apple-mobile-web-app-status-bar-style" content="default">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" href="${ctxStatic}/jiu/css/weui.css">
		<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
		<title>确认交易</title>
		<style>
			.weui-form-preview {
				position: relative;
				background-color: #FFFFFF;
			}
			
			.weui-form-preview:before {
				content: " ";
				position: absolute;
				left: 0;
				top: 0;
				right: 0;
				height: 1px;
				border-top: 1px solid #D9D9D9;
				color: #D9D9D9;
				-webkit-transform-origin: 0 0;
				transform-origin: 0 0;
				-webkit-transform: scaleY(0.5);
				transform: scaleY(0.5);
			}
			
			.weui-form-preview__hd {
				position: relative;
				padding: 10px 15px;
				text-align: right;
				line-height: 2.5em;
			}
			
			.weui-form-preview__item {
				overflow: hidden;
			}
			
			.weui-form-preview__label {
				float: left;
				margin-right: 1em;
				min-width: 4em;
				color: #999999;
				text-align: justify;
				text-align-last: justify;
			}
			
			.weui-form-preview__bd {
				padding: 10px 15px;
				font-size: .9em;
				text-align: right;
				color: #999999;
				line-height: 2;
			}
			
			.weui-form-preview:after {
				content: " ";
				position: absolute;
				left: 0;
				bottom: 0;
				right: 0;
				height: 1px;
				border-bottom: 1px solid #D9D9D9;
				color: #D9D9D9;
				-webkit-transform-origin: 0 100%;
				transform-origin: 0 100%;
				-webkit-transform: scaleY(0.5);
				transform: scaleY(0.5);
			}
			
			.page__hd {
				padding-bottom: 20px;
			}
		</style>		
		
	</head>
	<body>
	
	<div class="container" id="container"><div class="page msg_warn js_show">
		    <div class="weui-msg">
		        <div class="weui-msg__icon-area">
		        	 
		        	<p class="weui-msg__desc"><h2>杰利联合积分充值</h2></p> 
		           <h1 class="weui-msg__title">￥ ${jiuRechargeLog.money}</h1>
		        </div>
		        <div class="weui-msg__text-area">
		        	<div class="weui-form-preview__item">
						<label class="weui-form-preview__label">商品</label>
						<span class="weui-form-preview__value">充值${jiuRechargeLog.point}积分</span>
					</div>
					<div class="weui-form-preview__item">
						<label class="weui-form-preview__label">支付方式</label>
						<span class="weui-form-preview__value">微信支付</span>
					</div>
		        </div>
		        <div class="weui-msg__icon-area">
		        	<p class="weui-msg__desc"></p><h3 style="color:red;">此操作无法撤回</h3><p></p> 
		        </div>
		        
		        <div class="weui-msg__opr-area">
		            <p class="weui-btn-area">
		            	<!-- <a href="#" class="weui_btn weui_btn_primary" onclick="pay()">立即支付</a> -->
			          	<a href="javascript:pay();" class="weui-btn weui-btn_primary">立即支付</a>
		            </p>
		        </div>
		        <div class="weui-msg__extra-area">
		            <div class="weui-footer">
		                <p class="weui-footer__links">
		                	
		                    <a href="javascript:void(0);" class="weui-footer__link">微引擎科技</a>
		                </p>
		                <!-- <p class="weui-footer__text">Copyright © 2008-2016 weui.io</p> -->
		            </div>
		        </div>
		    </div>
		</div></div>
	
	
	
	
	
	
	
	
	<%-- <div class="weui_msg">
			<div class="page__hd">
				<p class="page__desc">杰利联合积分充值</p>
				<h1 class="page__title">￥ ${jiuRechargeLog.money}</h1>
			</div>
			<div class="weui_text_area">
				<div class="weui-form-preview">
					<div class="weui-form-preview__bd">
						<div class="weui-form-preview__item">
							<label class="weui-form-preview__label">商品</label>
							<span class="weui-form-preview__value">充值${jiuRechargeLog.point}积分</span>
						</div>
						<div class="weui-form-preview__item">
							<label class="weui-form-preview__label">支付方式</label>
							<span class="weui-form-preview__value">微信支付</span>
						</div>

					</div>
				</div>
			</div>
			<div class="weui_opr_area" style="margin-top: 40px;">
				<p class="weui_btn_area">
					<a href="#" class="weui_btn weui_btn_primary" onclick="pay()">立即支付</a>
				</p>
			</div>
	</div> --%>
		<script type="text/javascript">
		function pay(){
			
			 WeixinJSBridge.invoke('getBrandWCPayRequest',
			${JSAPI},
			function(res){
				if(res.err_msg == "get_brand_wcpay_request:ok" ) {
					window.location.href="${ctxFront }/jiu/center?uid=${uid}&v="+Math.random();
				}
				//使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠。
			});
		}
		</script>		
	</body>
</html>